<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .banner {
            height: 100px;
            margin: 5px auto;
            text-align: center;
            line-height: 40px;
            width: 980px;
            padding: 20px;
        }

        .main {
            width: 980px;
            margin: auto;

        }

        .main-left {
            height: 500px;
            background: #ccc;
            width: 62%;
            float: left;
            border: 2px dashed rgb(107, 107, 107);
        }

        .main-right {
            height: 500px;
            background: #ccc;
            width: auto;
            margin-left: 63%;
            border: 2px dashed rgb(107, 107, 107);
        }

        .footer {
            width: 100%;
            height: 120px;
            background: #ccc;
            margin: auto;
            text-align: center;
            line-height: 120px;
            margin-top: 5px;
            border: 2px dashed rgb(107, 107, 107);
        }


        .td_top {
            color: rgb(128, 125, 125);
            height: 30px;
        }

        .tb1 {
            margin: auto;
        }

        .logo {
            float: left;
        }

        .ip1 {
            border: 3px solid rgb(34, 145, 160);
            width: 400px;
            height: 30px;
            margin: auto;
        }

        .ip2 {
            border: 3px solid rgb(34, 145, 160);
            margin: auto 20px;
            width: 100px;
            background-color: rgb(34, 145, 160);
            color: white;
            font-weight: bold;
            height: 38px;
            text-align: center;
        }

        .div1 {
            width: 600px;
            margin: auto;
        }

        .div1,
        .div2 {
            margin: auto;
        }

        .div2 {
            float: right;
        }

        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }
    </style>
</head>

<body>
    <div class="banner">
        <div style="text-align: center;margin: auto;">
            <img src="./images/logo.gif" class="logo" alt="">
            <div class="div1 clearfix">
                <table class="tb1">
                    <tr>
                        <td class="td_top">首页 | </td>
                        <td class="td_top">活动 | </td>
                        <td class="td_top">据点 | </td>
                        <td class="td_top">招贴 | </td>
                        <td class="td_top">VIP服务| </td>
                        <td class="td_top">随便逛逛</td>
                    </tr>
                </table>
                <div class="div2">
                    <input type="text" class="ip1">
                    <input type="submit" name="" value="找找！" class="ip2" id="">
                </div>
            </div>
        </div>
    </div>
    <div class="main clearfix">
        <div class="main-left">
            <div>
                <img src="./images/focus.gif" style="width: 100%;" alt="">
                <tables>
                    <tr>
                        <td><img src="./images/act1.gif" alt="">
                            <a href=""></a></td>
                        <td><img src="./images/spot1.gif" alt="">
                            <a href=""></a></td>
                    </tr>
                    <tr>
                        <td><img src="./images/act2.jpg" alt="">
                            <a href=""></a>
                        </td>
                        <td><img src="" alt="./images/spot2.gif">
                            <a href=""></a>
                        </td>
                    </tr>
                    <tr>
                        <td><img src="./images/act3.jpg" alt="">
                            <a href=""></a>
                        </td>
                        <td><img src="./images/spot3.gif" alt="">
                            <a href=""></a>
                        </td>
                    </tr>
                </tables>
            </div>
        </div>
        <div class="main-right">

        </div>
    </div>
    <div class="footer">

    </div>
</body>

</html>